<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="gallery.css" rel="stylesheet">
    </head>
    <body>
        <div class="gallery">
            <div class="item"><img src="images/1.jpg" alt="1"></div>
            <div class="item"><img src="images/2.jpg" alt="2"></div>
            <div class="item">
                <img src="images/3.jpg" alt="3">
            </div>
            <div class="item">
                <img src="images/4.jpg" alt="4">
            </div>
            <div class="item">
                <img src="images/5.jpg" alt="5">
            </div>
            <div class="item">
                <img src="images/6.jpg" alt="6">
            </div>
            <div class="item">
                <img src="images/7.jpg" alt="7">
            </div>
            <div class="item">
                <img src="images/8.jpg" alt="8">
            </div>
            <div class="item">
                <img src="images/9.jpg" alt="9">
            </div>
            <div class="item">
                <img src="images/10.jpg" alt="10">
            </div>
            <div class="item">
                <img src="images/11.jpg" alt="11">
            </div>
            <div class="item">
                <img src="images/12.jpg" alt="12">
            </div>
        </div>
        <script src="gallery.js"></script>
    </body>
</html>